<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MooDiapo</title>


<link type="text/css" rel="stylesheet" media="screen" href="css/default.css" />

<script type="text/javascript" src="js/mootools-1.2.3.js"></script>
<script type="text/javascript" src="js/mootools-1.2.3.1-more.js"></script>
<script type="text/javascript" src="js/mooDiapo-1.0.js"></script>

<script type="text/javascript">
	
	window.addEvent('domready', function(){	
		var diapo = new MooDiapo($('content'), $$('.thumb'));
	});
	
</script>



</head>

<body>
	
	<div id="header">
		<h1>MooDiapo</h1>
	</div>
	
	<div id="content">
		<div class="frise">
			
				<div class="floatL">
					<p class="marginR7"><a href="#" rel="img/roof_big.jpg" class="thumb"><img src="img/roof.jpg" alt="" /></a></p>
				</div>
				<div class="floatL">
					<p class="marginR7"><a href="#" rel="img/leaf_big.jpg" class="thumb"><img src="img/leaf.jpg" alt="" /></a></p>
				</div>
				<div class="floatL">
					<p><a href="#" rel="img/boat_big.jpg" class="thumb"><img src="img/boat.jpg" alt="" /></a></p>
				</div>
			
		</div>
	</div>
	
	<div id="footer">
		<p class="txtR">By Stéphane Carlier</p>
	</div>	
		
</body>
</html>
